// 定义滚动条的整体样式
::-webkit-scrollbar {
    width: 5px; // 垂直滚动条的宽度
    height: 5px; // 水平滚动条的高度
}

// 定义滚动条的轨道（即滚动条的背景）
::-webkit-scrollbar-track {
    background: #f1f1f1; // 轨道的背景颜色
}

// 定义滚动条的滑块
::-webkit-scrollbar-thumb {
    background: #888; // 滑块的颜色
    border-radius: 6px; // 滑块的圆角
}

// 当鼠标悬停在滑块上时，滑块的样式
::-webkit-scrollbar-thumb:hover {
    background: #555; // 滑块在鼠标悬停时的颜色
}

// 定义水平滚动条的轨道
::-webkit-scrollbar-track-piece:horizontal {
    background: #e1e1e1; // 水平滚动条轨道的背景颜色
}

// 定义水平滚动条的滑块
::-webkit-scrollbar-thumb:horizontal {
    background: #999; // 水平滚动条滑块的颜色
    border-radius: 6px; // 滑块的圆角
}

// 当鼠标悬停在水平滚动条的滑块上时，滑块的样式
::-webkit-scrollbar-thumb:horizontal:hover {
    background: #666; // 滑块在鼠标悬停时的颜色
}